.createcourse-home-bg{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201611/993bf839ce52443283d02f9abde3200a.png) no-repeat; width:659px; height:300px; z-index:2; position:absolute; left:-96px; bottom:-62px;}
.createcourse-home-div{position:relative;}
.createcourse-firststep-div{ padding:0 100px; margin:95px 0 270px; width:1000px; margin:auto;}
.createcourse-firststep-div .content-rigth .tit{ color:#333; line-height:40px; font-size:40px; margin-bottom:35px;}
.createcourse-firststep-div .content-right ul li  a{  border-radius: 4px; padding:10px 10px; width:200px; height:20px; line-height:20px;  color:#fff; font-size:14px; display:inline-block; transition: background 0.2s ease-in 0s;}
.createcourse-firststep-div .content-right ul li .graybg{background:#d2d2d2; cursor:default;}
.createcourse-firststep-div .content-right ul li{margin-top:12px; width:315px; height:40px; }
.createcourse-firststep-div .content-right ul li .bluebg{ background:#d2d2d2;} 
.createcourse-firststep-div .content-right ul li  .bluebg:hover{ background:#158595;}
.progresstree_div .homepage-show{display:none;color:#6ddfb2; font-size:12px; line-height:20px; position:absolute; bottom: 80px; right:5px; text-shadow:1px 1px 2px rgba(0,0,0,.2);}
.progresstree_div .homepage-show:hover{color:#62d0a5;}
.progresstree_div .progress-tree-wrap{display:inline-block;width:351px;height:360px;}
.progresstree_div .percentfont{ color:#878787; font-size:23px; line-height:23px; display:inline-block; position:absolute; bottom:-28px; left:126px; width:110px; text-align:center;}
.hometit-p .editico{ background-position: -23px -212px;height: 17px;margin-left: 10px;width: 16px;}
.coursetit-input{ height:auto;margin:0px auto 20px; position:relative; z-index:2; }
.coursetit-input input{ border:1px solid #1aa1b5; width:100%; height:26px; line-height:25px; padding:5px 10px 5px 10px;  border-radius: 4px; font-size:21px;animation:myfirst 5s;
-moz-animation:myfirst 1s; /* Firefox */
-webkit-animation:myfirst 1s; /* Safari and Chrome */
-o-animation:myfirst 1s; /* Opera */ }
@keyframes myfirst
{
0%   {border:1px solid #1aa1b5;}
25%  { border:1px solid #e2e2e2;}
50%  {border:1px solid #1aa1b5;}
100%  {border:1px solid #e2e2e2;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {border:1px solid #1aa1b5;}
25%  {border:1px solid #e2e2e2}
50%  {border:1px solid #1aa1b5;}
100%  {border:1px solid #e2e2e2;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {border:1px solid #1aa1b5;}
25%  {border:1px solid #e2e2e2}
50%  {border:1px solid #1aa1b5;}
100%  {border:1px solid #e2e2e2;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {border:1px solid #1aa1b5;}
25%  {border:1px solid #e2e2e2}
50%  {border:1px solid #1aa1b5;}
100%  {border:1px solid #e2e2e2;}
}
.trees-btn .delete-tit{ background:#7c4c05; color:#fff; font-size:12px; line-height:18px; position:absolute; bottom:6px; left:61px; text-indent:4px;border-top-right-radius: 4px; border-bottom-right-radius: 4px;height:18px;} 
.progress-tree-wrap{width:631px;height:640px;}
.treesbtn-span{position:absolute;bottom: 1px;right: 14px; display:inline-block; width:56px; height:80px;}
.progresstree_div{ width:351px; height:360px; position:relative; z-index:3;}
.progress-tree-wrap:hover .homepage-show{display:block;}
.progress-tree-wrap .viewcourse-ico{ background-position:-2px -207px; width:10px; height:18px;}
.icotit_div .red-hintico{ background-position:-110px 0; width:11px; height:13px; margin-right:18px;}
.icotit_div .redhint-p{ color:#d43c2a; font-size:14px; width:971px;}
.progresstree-0,.progresstree-1-10,.progresstree-11-20,.progresstree-21-30,.progresstree-31-40,.progresstree-41-50,.progresstree-51-60,.progresstree-61-70,.progresstree-71-80,.progresstree-81-90,.progresstree-91-99,.progresstree-100{width:351px; height:360px;}
.createcourse-firststep-div  .progresstree_div .trees-btn{ background-position:-1px -95px; width:56px; height:80px; position:absolute; bottom:-8px; right:-55px;cursor:pointer;}
.progresstree-0{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201611/5875dc5245704ac98c5fa650f40eca99.png) no-repeat;}
.progresstree-1-10{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/21bae9c0b66d400aa2387d6ebe495f5f.png) no-repeat;background-position:0 -6840px;}
.progresstree-11-20{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/62b7294c60ca442789e7be7115b2d24f.png) no-repeat;background-position:0 -6840px;}
.progresstree-21-30{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/48c9d617365942e18a3979803e5cb67d.png) no-repeat;background-position:0 -6840px;}
.progresstree-31-40{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/8158f123e6544b7aa95d63c986cbad1d.png) no-repeat;background-position:0 -6840px;}
.progresstree-41-50{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/e529d1dc8e424da9ae06d32e619e77c5.png) no-repeat;background-position:0 -6840px;}
.progresstree-51-60{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/dfec9ae5d85a4fc19a400d75d20c7154.png) no-repeat;background-position:0 -6840px;}
.progresstree-61-70{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/26b1f3eb456546b48feb6de32d7c0569.png) no-repeat;background-position:0 -7200px;}
.progresstree-71-80{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/76f75a1e3060468c9ce5329e716b8374.png) no-repeat;background-position:0 -8280px;}
.progresstree-81-90{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/26dcbc8d8c154152bb725d6b54f90c09.png) no-repeat;background-position:0 -9360px;}
.progresstree-91-99{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/26dcbc8d8c154152bb725d6b54f90c09.png) no-repeat;background-position:0 -9360px;}
.progresstree-100{background:url(http://image.zhihuishu.com/testzhs/ablecommons/demo/201611/030aadd19fab46f3af2297d34b107df9.png) no-repeat;background-position:0 -10440px;}
.createcourse-firststep-div .progresstree_div .trees-btn:hover {background-position:0 0;  width:56px; height:80px; position:absolute;}
.createcourse-firststep-div{ margin:30px auto; position:relative;}
.createcoursehome-wrap{}
.createcoursehome-div{padding:30px auto; min-height:470px; position:relative; width:855px;}
.content-right{ position:relative; z-index:3; margin:30px 0 0 0;}
